<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>用户管理 - Gweb</title>

		<meta name="description" content="Static &amp; Dynamic Tables" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

	  	<!-- ico -->
	  	<link th:href="@{/static/web/img/logos/logo.ico}" rel="shortcut icon" type="image/x-icon">
	  	
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" th:href="@{/static/admin/css/bootstrap/bootstrap.min.css}" />
		<link rel="stylesheet" th:href="@{/static/admin/font-awesome/4.5.0/css/font-awesome.min.css}" />

		<!-- page specific plugin styles -->
		<link rel="stylesheet" th:href="@{/static/admin/css/jquery.gritter.min.css}" />
		<link rel="stylesheet" th:href="@{/static/admin/css/jquery-ui/jquery-ui.min.css}" />

		<!-- text fonts -->
		<link rel="stylesheet" th:href="@{/static/admin/css/fonts.googleapis.com.css}" />

		<!-- ace styles -->
		<link rel="stylesheet" th:href="@{/static/admin/css/ace/ace.min.css}" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" th:href="@{/static/admin/css/ace/ace-part2.min.css}" class="ace-main-stylesheet" />
		<![endif]-->
		<link rel="stylesheet" th:href="@{/static/admin/css/ace/ace-skins.min.css}" />
		<link rel="stylesheet" th:href="@{/static/admin/css/ace/ace-rtl.min.css}" />

		<!--[if lte IE 9]>
		  <link rel="stylesheet" th:href="@{/static/admin/css/ace/ace-ie.min.css}" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script th:src="@{/static/admin/js/ace/ace-extra.min.js}"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script th:src="@{/static/admin/js/plugins/html5shiv.min.js}"></script>
		<script th:src="@{/static/admin/js/plugins/respond.min.js}"></script>
		<![endif]-->
	</head>

	<body class="no-skin">
		<!-- 公共页面的头部 -->
		<div th:insert="admin/common/header :: header"></div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<!-- 公共页面的侧边栏 -->
			<div th:replace="admin/common/sidebar :: sidebar"></div>

			<div class="main-content">
				<div class="main-content-inner">
					<div class="breadcrumbs ace-save-state" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="/admin/index">主页</a>
							</li>
							<li>网站管理</li>
							<li>后台管理</li>
							<li>用户管理</li>
						</ul><!-- /.breadcrumb -->

						<!-- 公共页面的搜索框 -->
						<div th:replace="admin/common/search :: search"></div>
					</div>

					<div class="page-content">
						
						<!-- 引入公共的settings-container -->
						<div th:replace="admin/common/settingsContainer :: settings-container"></div>

						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<!-- 设置style样式，支持内容自动换行 -->
								<table id="simple-table" class="table table-bordered table-hover" style="word-break:break-all; word-wrap:break-all">
									<thead>
										<tr>
											<th class="center">
												<label class="pos-rel">
													<input type="checkbox" class="ace" />
													<span class="lbl"></span>
												</label>
											</th>
											<th class="center">
												<i class="ace-icon fa fa-info-circle bigger-110 hidden-480"></i>
												详情
											</th>
											<!-- <th class="center hidden-480">
												<i class="ace-icon fa fa-sort bigger-110 hidden-480"></i>
												序号
											</th> -->
											<th class="center hidden">
												<i class="ace-icon fa fa-lightbulb-o bigger-110 hidden-480"></i>
												ID
											</th>
											<th class="center">
												<i class="ace-icon fa fa-user bigger-110 hidden-480"></i>
												用户名
											</th>
											<th class="center hidden-480">
												<i class="ace-icon fa fa-heart bigger-110 hidden-480"></i>
												昵称
											</th>
											<!-- <th class="center hidden-480">
												<i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
												年龄
											</th>
											<th class="center">性别</th> -->
											<th class="center">
												<i class="ace-icon fa fa-phone bigger-110 hidden-480"></i>
												电话
											</th>
											<!-- <th class="center hidden-480">邮箱</th>
											<th class="center hidden-480">头像</th>
											<th class="center hidden-480">地址</th> -->
											<th class="center hidden-480">
												<i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
												注册时间
											</th>
											<th class="center hidden-480">
												<i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
												最后上线
											</th>
											<th class="center hidden-480">
												<i class="ace-icon fa fa-check bigger-110 hidden-480"></i>
												状态
											</th>
											<th class="center hidden-480">
												<i class="ace-icon fa fa-map-marker bigger-110 hidden-480"></i>
												最后登录IP
											</th>
											<!-- 为了防止内容过多导致挤压变形，设置col-sm-3属性，意思是这个td占3行 -->
											<!-- <th class="center hidden-480 col-sm-1">
												<i class="ace-icon fa fa-minus-circle bigger-110 hidden-480"></i>
												角色
											</th> -->
											<th class="center">
												<i class="ace-icon fa fa-cog bigger-110 hidden-480"></i>
												操作
											</th>
										</tr>
									</thead>

									<tbody>
										
										<!-- 动态生成的列表 -->
										<div th:each="user,userStat:${userList}">
											<!-- 列表内容行 -->
											<tr>
												<td class="center">
													<label class="pos-rel">
														<input type="checkbox" class="ace" />
														<span class="lbl"></span>
													</label>
												</td>

												<td class="center">
													<div class="action-buttons">
														<a href="#" class="green bigger-140 show-details-btn" title="查看详情">
															<i class="ace-icon fa fa-angle-double-down"></i>
															<span class="sr-only">详情</span>
														</a>
													</div>
												</td>

												<!-- 序号 -->
												<!-- <td class="center hidden-480" th:text="${userStat.index}+1"></td> -->
												<td class="hidden-480 hidden" th:text="${user.id}"></td>
												<td th:text="${user.username}"></td>
												<td class="hidden-480" th:text="${user.nickname}"></td>
												<!-- <td class="hidden-480" th:text="${user.age}"></td>
												
												<td th:if="${user.sex} == 0">男</td>
												<td th:if="${user.sex} == 1">女</td>
												<td th:unless="${user.sex}">&nbsp;</td> -->
												
												<td th:text="${user.phone}"></td>
												<!-- <td class="hidden-480" th:text="${user.email}"></td>
												<td class="hidden-480" th:text="${user.faceImage}"></td>
												<td class="hidden-480" th:text="${user.address}"></td> -->
												<td class="hidden-480" th:text="${#dates.format(user.registTime, 'yyyy-MM-dd hh:mm:ss')}"></td>
												<td class="hidden-480" th:text="${#dates.format(user.lastOnline, 'yyyy-MM-dd hh:mm:ss')}"></td>
												<td class="hidden-480 center">
													<span class="label label-sm label-success" th:if="${user.status} == 0">正常</span>
													<span class="label label-sm label-default" th:if="${user.status} == 1">注销</span>
													<span class="label label-sm label-danger" th:if="${user.status} == 2">禁用</span>
												</td>
												<td class="hidden-480" th:text="${user.lastLoginIp}"></td>
												<!-- <td class="hidden-480" th:text="@{这里写角色......}"></td> -->
												
												<td class="center">
													<div class="hidden-sm hidden-xs btn-group">
														<!-- <button class="btn btn-xs btn-success">
															<i class="ace-icon fa fa-check bigger-120"></i>
														</button> -->

														<button class="btn btn-xs btn-info" th:id="'update-'+${user.id}" onclick="updateUser(this);" data-toggle="tooltip" title="编辑">
															<i class="ace-icon fa fa-pencil bigger-120"></i>
														</button>

														<button class="btn btn-xs btn-warning" th:id="'disable-'+${user.id}" onclick="disableUser(this);" data-toggle="tooltip" title="禁用">
															<i class="ace-icon fa fa-flag bigger-120"></i>
														</button>
														
														<button class="btn btn-xs btn-danger" th:id="'del-'+${user.id}" onclick="delUser(this);" data-toggle="tooltip" title="删除">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
														</button>
													</div>

													<div class="hidden-md hidden-lg">
														<div class="inline pos-rel">
															<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
																<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
															</button>
															
															<!-- 响应式的编辑框显示内容 -->
															<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																<!-- <li>
																	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																		<span class="blue">
																			<i class="ace-icon fa fa-search-plus bigger-120"></i>
																		</span>
																	</a>
																</li> -->

																<li>
																	<a href="#" class="tooltip-success" th:id="${user.id}+'-update'" onclick="updateUser(this);" data-rel="tooltip" title="编辑">
																		<span class="green">
																			<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
																		</span>
																	</a>
																</li>
																
																<li>
																	<a href="#" class="tooltip-warning" th:id="${user.id}+'-disable'" onclick="disableUser(this);" data-rel="tooltip" title="禁用">
																		<span class="orange">
																			<i class="ace-icon fa fa-flag bigger-120"></i>
																		</span>
																	</a>
																</li>
																
																<li>
																	<a href="#" class="tooltip-error" th:id="${user.id}+'-del'" onclick="delUser(this);" data-rel="tooltip" title="删除">
																		<span class="red">
																			<i class="ace-icon fa fa-trash-o bigger-120"></i>
																		</span>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</td>
											</tr>
											
											<!-- 详情内容行 -->
											<tr class="detail-row">
												<td colspan="12">
													<div class="table-detail">
														<div class="row">
															<div class="col-xs-12 col-sm-2">
																<div class="text-center">
																	<a href="#" th:id="'upload-'+${user.id}" th:onclick="uploadModal(this.id)">
																		<!--  onerror="src='/static/admin/images/avatars/profile-pic.jpg'" -->
																		<img height="150" class="thumbnail inline no-margin-bottom" alt="用户头像"  th:src="${user.faceImage}"/>
																		<br />
																		<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
																			<div class="inline position-relative">
																					<i class="ace-icon fa fa-circle light-green"></i>
																					&nbsp;
																					<span class="white" th:text="${user.username}"></span>
																				</a>
																			</div>
																		</div>
																	</a>
																</div>
															</div>

															<div class="col-xs-12 col-sm-7">
																<div class="space visible-xs"></div>

																<div class="profile-user-info profile-user-info-striped">
																	<div class="profile-info-row">
																		<div class="profile-info-name"> ID </div>

																		<div class="profile-info-value">
																			<span th:text="${user.id}"></span>
																		</div>
																		<div class="profile-info-name"> 用户名 </div>

																		<div class="profile-info-value">
																			<span th:text="${user.username}"></span>
																		</div>
																	</div>

																	<div class="profile-info-row">
																		<div class="profile-info-name"> 昵称 </div>

																		<div class="profile-info-value">
																			<span th:text="${user.nickname}"></span>
																		</div>
																		<div class="profile-info-name"> 年龄 </div>

																		<div class="profile-info-value">
																			<span th:text="${user.age}"></span>
																		</div>
																	</div>

																	<div class="profile-info-row">
																		<div class="profile-info-name"> 性别 </div>

																		<div class="profile-info-value">
																			<span th:if="${user.sex} == 0">男</span>
																			<span th:if="${user.sex} == 1">女</span>
																		</div>
																		
																		<div class="profile-info-name"> 电话 </div>

																		<div class="profile-info-value">
																			<span th:text="${user.phone}"></span>
																		</div>
																	</div>

																	<div class="profile-info-row">
																		<div class="profile-info-name"> 邮箱 </div>

																		<div class="profile-info-value">
																			<span th:text="${user.email}"></span>
																		</div>
																		
																		<div class="profile-info-name"> 地址 </div>

																		<div class="profile-info-value">
																			<i class="fa fa-map-marker light-orange bigger-110"></i>
																			<span th:text="${user.address}"></span>
																		</div>
																	</div>
																	
																	<div class="profile-info-row">
																		<div class="profile-info-name"> 状态 </div>
																		<div class="profile-info-value">
																			<span th:if="${user.status} == 0">正常</span>
																			<span th:if="${user.status} == 1">注销</span>
																			<span th:if="${user.status} == 2">禁用</span>
																		</div>
																		
																		<div class="profile-info-name"> 最后登录IP </div>
																		<div class="profile-info-value">
																			<span th:text="${user.lastLoginIp}"></span>
																		</div>
																	</div>
																	
																	<div class="profile-info-row">
																		<!-- <div class="profile-info-name"> 角色 </div>
																		<div class="profile-info-value">
																			<span></span>
																		</div> -->
																		
																		<div class="profile-info-name"> 注册时间 </div>
																		<div class="profile-info-value">
																			<span th:text="${#dates.format(user.registTime, 'yyyy-MM-dd hh:mm:ss')}"></span>
																		</div>

																		<div class="profile-info-name"> 最后上线 </div>
																		<div class="profile-info-value">
																			<span th:text="${#dates.format(user.lastOnline, 'yyyy-MM-dd hh:mm:ss')}"></span>
																		</div>
																	</div>
																</div>
															</div>

															<div class="col-xs-12 col-sm-3">
																<div class="space visible-xs"></div>
																<h4 class="header blue lighter less-margin" th:text="'给' + ${user.username} + '发邮件'"></h4>

																<div class="space-6"></div>

																<!-- 发送邮件 -->
																<form  class="send-email-form" th:action="@{/admin/tools/emails/sendFromUserMng}" th:method="post">
																	<input name="toUsername" th:value="${user.email}" class="hidden">
																	<fieldset>
																		<input name="subject" required resize="none" placeholder="请输入标题"/>
																		<div class="space-2"></div>
																		<textarea name="content" required class="width-100" resize="none" placeholder="请输入邮件内容..."></textarea>
																	</fieldset>
																		<div class="hr hr-dotted"></div>

																	<div class="clearfix">
																		<!-- <label class="pull-left">
																			<input type="checkbox" class="ace" />
																			<span class="lbl"> 抄送给我 </span>
																		</label> -->

																		<button class="pull-right btn btn-sm btn-primary btn-white btn-round" type="submit">
																			发送
																			<i class="ace-icon fa fa-arrow-right icon-on-right bigger-110"></i>
																		</button>
																	</div>
																</form>
															</div>
														</div>
													</div>
												</td>
											</tr>
										</div>
										<!-- 动态生成的列表 -->
									</tbody>
									<!-- 末行分页 -->
									<tfoot>
										<tr>
											<td colspan="12" class="table-footer no-margin-top">
												<button class="btn btn-sm btn-info pull-left" id="add-user-btn">
													<i class="ace-icon fa fa-plus"></i>
													添加用户
												</button>
												<!-- 分页按钮 -->
												<ul class="pagination pull-right no-margin">
													<!-- 前一页 -->
													<li class="prev disabled" th:if="${currentPage} le 1">
														<a>
															<i class="ace-icon fa fa-angle-double-left"></i>
														</a>
													</li>
													<li class="prev" th:if="${currentPage} gt 1">
														<a th:href="@{/admin/sys/user/userList?pageNum=}+${currentPage-1}">
															<i class="ace-icon fa fa-angle-double-left"></i>
														</a>
													</li>
													
													<!-- 页码列表 -->
													<li th:each="i:${#numbers.sequence(1, totalPages)}" th:class="${currentPage} == ${i} ? 'page-btn active' : 'page-btn'">
														<a th:href="@{/admin/sys/user/userList?pageNum=}+${i}" th:text="${i}"></a>
													</li>
													
													<!-- 后一页 -->
													<li class="next disabled" th:if="${currentPage} ge ${totalPages}">
														<a>
															<i class="ace-icon fa fa-angle-double-right"></i>
														</a>
													</li>
													<li class="next" th:if="${currentPage} lt ${totalPages}">
														<a th:href="@{/admin/sys/user/userList?pageNum=}+${currentPage+1}">
															<i class="ace-icon fa fa-angle-double-right"></i>
														</a>
													</li>
													
													<!-- 总览 -->
													<li class="next disabled">
														<a href="#" th:text="${pageSize}+'条/页 '"></a>
														<a href="#" th:text="'共'+${totalPages}+'页'"></a>
													</li>
												</ul>
											</td>
										</tr>
									</tfoot>
								</table>
							</div><!-- /.span -->
						</div><!-- /.row -->
						<!-- PAGE CONTENT ENDS -->
						
						<!-- 用户信息编辑模态框（Modal） -->
						<div class="modal fade" id="userModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
											&times;
										</button>
										<h4 class="modal-title" id="userModelLabel">
											<!-- <i class="ace-icon fa fa-plus"></i> -->
											添加用户
										</h4>
									</div>
									
									<div class="modal-body">
										<!-- 输入框主体内容 -->
										<form class="form-horizontal" role="form" id="user-info-form">
											<div class="form-group hidden">
												<label class="col-sm-3 control-label no-padding-right"> 
													<label class="text-danger">* </label>
													id 
												</label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" id="form-id" readonly placeholder="用户id" name="id"/>
														<i class="ace-icon fa fa-user blue"></i>
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 
													<label class="text-danger">* </label>
													用户名 
												</label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" required id="form-username" placeholder="请输入用户名" name="username"/>
														<i class="ace-icon fa fa-user blue"></i>
													</span>
													<span class="help-button tooltip-info" data-toggle="tooltip" data-placement="right" title="用户名即登录时的账户名称"> ? </span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 
													<label class="text-danger">* </label>
													密码 
												</label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" required id="form-password" placeholder="请输入密码" name="password"/>
														<i class="ace-icon fa fa-key blue"></i>
													</span>
													<span class="help-button tooltip-info" data-toggle="tooltip" data-placement="right" title="提示信息">?</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 昵称 </label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" id="form-nickname" placeholder="请输入昵称" name="nickname"/>
														<i class="ace-icon fa fa-heart blue"></i>
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 年龄 </label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" id="form-age" placeholder="请输入年龄" name="age"/>
														<i class="ace-icon fa fa-history blue"></i>
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 性别 </label>
												<div class="radio radio-inline" id="form-sex">
													<label>
														<input name="sex" type="radio" class="ace" value="0" checked/>
														<span class="lbl"> 男 </span>
													</label>
													<label>
														<input name="sex" type="radio" class="ace" value="1" />
														<span class="lbl"> 女 </span>
													</label>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 
													<label class="text-danger">* </label>
													电话 
												</label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" id="form-phone" placeholder="请输入电话" name="phone"/>
														<i class="ace-icon fa fa-phone blue"></i>
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 
													<label class="text-danger">* </label>
													邮箱 
												</label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" id="form-email" placeholder="请输入邮箱" name="email"/>
														<i class="ace-icon fa fa-envelope-square blue"></i>
													</span>
												</div>
											</div>
											<!-- <div class="form-group hidden" id="form-faceImage-div">
												<label class="col-sm-3 control-label no-padding-right"> 头像 </label>
												<div class="col-xs-5">
													<input multiple="true" enctype="multipart/form-data" type="file" name="faceImage" id="form-faceImage" />
												</div>
											</div> -->
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 地址 </label>
												<div class="col-sm-9">
													<span class="input-icon">
														<input type="text" id="form-address" placeholder="请输入地址" name="address"/>
														<i class="ace-icon fa fa-map-marker blue"></i>
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 状态 </label>
												<div class="radio radio-inline" id="form-status">
													<label>
														<input name="status" type="radio" class="ace" value="0" checked/>
														<span class="lbl"> 正常 </span>
													</label>
													<label>
														<input name="status" type="radio" class="ace" value="1"/>
														<span class="lbl"> 注销 </span>
													</label>
													<label>
														<input name="status" type="radio" class="ace" value="2" />
														<span class="lbl"> 禁用 </span>
													</label>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 角色 </label>
												<!-- 动态加载角色信息 -->
												<div class="checkbox checkbox-inline" id="user-role">
												</div>
											</div>
										</form>
									</div>										
									<div class="modal-footer">
										<button type="reset" class="btn btn-default">
											<i class="ace-icon fa fa-undo bigger-110"></i>
											重置
										</button>
										<button type="button" class="btn btn-primary" id="submit-user-info">
											<i class="ace-icon fa fa-check bigger-110"></i>
											提交
										</button>
									</div>
								</div><!-- /.modal-content -->
							</div><!-- /.modal -->
						</div>
					</div><!-- /.page-content -->
				</div>
				
			</div><!-- /.main-content -->

			<!-- 确认删除的弹框 -->
			<div id="dialog-confirm" class="hide">
				<div class="space-10"></div>
				<div class="alert alert-info bigger-110">
					<i class="ace-icon fa fa-hand-o-right blue bigger-120"></i>
					&nbsp;&nbsp;确定删除该用户信息吗？
				</div>
<!-- 				<div class="space-20"></div> -->
<!-- 				<p class="bigger-110 bolder center grey"> -->
<!-- 					<i class="ace-icon fa fa-hand-o-right blue bigger-120"></i> -->
<!-- 					确定删除该用户信息吗？ -->
<!-- 				</p> -->
				<div class="space-10"></div>
			</div><!-- #dialog-confirm -->
			
			<!-- 确认禁用的弹框 -->
			<div id="dialog-confirm-disable" class="hide">
				<div class="space-10"></div>
				<div class="alert alert-info bigger-110">
					<i class="ace-icon fa fa-hand-o-right blue bigger-120"></i>
					&nbsp;&nbsp;禁用后用户将无法登录系统，确定禁用该用户吗？
				</div>
				<div class="space-10"></div>
			</div><!-- #dialog-confirm -->
			
			<!-- 上传头像的弹框 -->
			<div class="modal fade" id="uploadFaceImageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			    <div class="modal-dialog">
			        <div class="modal-content">
			            <div class="modal-header">
			                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			                <h4 class="modal-title" id="myModalLabel">头像上传</h4>
			            </div>
			            <div class="modal-body">
							<!-- 选择头像 -->
							<div class="row">
								<div class="col-xs-12">
									<input enctype="multipart/form-data" type="file" id="input-file-faceImage" />
								</div>
							</div>
						</div>
			            <div class="modal-footer">
			                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			                <button type="button" class="btn btn-primary" id="form-faceImage-btn">提交</button>
			            </div>
			        </div><!-- /.modal-content -->
			    </div><!-- /.modal -->
			</div>
			
			<!-- 公共页面的尾部 -->
			<div th:replace="admin/common/footer :: footer"></div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script th:src="@{/static/admin/js/jquery/jquery-2.1.4.min.js}"></script>
		<!-- <![endif]-->

		<!--[if IE]>
		<script th:src="@{/static/admin/js/jquery/jquery-1.11.3.min.js}"></script>
		<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script th:src='@{/static/admin/js/jquery/jquery.mobile.custom.min.js}'>"+"<"+"/script>");
		</script>
		<script th:src="@{/static/admin/js/bootstrap/bootstrap.min.js}"></script>

		<!-- page specific plugin scripts -->
		<script th:src="@{/static/admin/js/jquery/jquery.dataTables.min.js}"></script>
		<script th:src="@{/static/admin/js/jquery/jquery.dataTables.bootstrap.min.js}"></script>
		<script th:src="@{/static/admin/js/plugins/dataTables.buttons.min.js}"></script>
		<script th:src="@{/static/admin/js/buttons/buttons.flash.min.js}"></script>
		<script th:src="@{/static/admin/js/buttons/buttons.html5.min.js}"></script>
		<script th:src="@{/static/admin/js/buttons/buttons.print.min.js}"></script>
		<script th:src="@{/static/admin/js/buttons/buttons.colVis.min.js}"></script>
		<script th:src="@{/static/admin/js/plugins/dataTables.select.min.js}"></script>
		<script th:src="@{/static/admin/js/jquery-ui/jquery-ui.min.js}"></script>
		<script th:src="@{/static/admin/js/jquery-ui/jquery.ui.touch-punch.min.js}"></script>

		<!-- ace scripts -->
		<script th:src="@{/static/admin/js/ace/ace-elements.min.js}"></script>
		<script th:src="@{/static/admin/js/ace/ace.min.js}"></script>
		<script th:src="@{/static/admin/js/jquery/jquery.gritter.min.js}"></script>
		<script type="text/javascript" th:src="@{/static/admin/js/gweb/gweb.js}"></script>
		<script th:src="@{/static/admin/js/gweb/user.js}"></script>

	</body>
</html>
